<!doctype html>
<html lang="">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=0">
    <meta name="format-detection" content="telephone=no" />
    <title>圣诞</title>
    <link rel="dns-prefetch" href="//static.matouapp.ymatou.com">
    <link rel="dns-prefetch" href="//static.jyh.ymatou.com">
    <link rel="dns-prefetch" href="//jyh.ymatou.com">
    <link rel="dns-prefetch" href="//item.app.ymatou.com">
    <link rel="dns-prefetch" href="//staticwap.ymatou.com">
    <link rel="shortcut icon" type="image/x-icon" href="http://staticontent.ymatou.com/ymtapp/matouapp.ico" />
    <script data-js-path="redraw.js">
     !(function(relWinth,relFontSize){var ua=navigator.userAgent,isIos=/iphone|ipad|ipod/i.test(ua),isMobile=/Mobile/i.test(ua);var meta=document.querySelector("[name=viewport]")||(function(){var _meta=document.createElement("meta");_meta.name="viewport"})(),content=meta.content||"",matchScale=content.match(/initial\-scale=([\d\.]+)/),matchWidth=content.match(/width=([\d\.]+)/),dpr=isIos?window.devicePixelRatio?Math.min(window.devicePixelRatio,3):1:1,docEl=document.documentElement,maxWidth=dpr*(docEl.dataset.mw||750),scale=1/dpr,tid;relWinth=relWinth||320;relFontSize=relFontSize||16;if(meta){if(matchScale){content=content.replace(/initial\-scale=([\d\.]+)/,"initial-scale="+scale).replace(/minimum\-scale=([\d\.]+)/,"minimum-scale="+scale).replace(/maximum\-scale=([\d\.]+)/,"maximum-scale="+scale)}else{content+=",initial-scale="+scale}meta.content=content}else{meta=doc.createElement("meta");meta.name="viewport";meta.content=content;docEl.firstElementChild.appendChild(meta)}var redraw=function(){var width=docEl.getBoundingClientRect().width;var fz=Math.min(width,maxWidth)/relWinth*relFontSize;docEl.style.fontSize=fz+"px"};if(isMobile){window.addEventListener("resize",function(){clearTimeout(tid);tid=setTimeout(redraw,300)},false);redraw()}else{docEl.style.fontSize="16px"}})(320,16);
    </script>
    <!-- build:css /styles/christmas/tree.css-->
    <link rel="stylesheet" type="text/css" href="/styles/christmas/tree.css">
    <!-- endbuild-->
  </head>
  <body module_name="activity_4776_capp">

  <script id="wish-tpl" type="text/template">
	 <div class="wish-wrapper">
		<div class="wish-inner">
			<div class="wish-title">
				{{= IsSelf ?'我':NickName}}的圣诞愿望
			</div>
			<div class="wish-content">
				<div class="text-bg">
					<div class="text">{{=WishContent}}</div>
				</div>
				{{ if(!IsSelf){ }}
				<button class="btn btn-full tree-btn J-toLike" data-wishId="{{=WishId}}" {{=HasLiked?'data-liked="true"':''}}>
					{{-HasLiked?'已赞，我也要许愿':'给TA点赞 <i class="icon-praise"></i>'}}
					</button>
				{{ }else{ }}
				<button class="btn btn-full tree-btn J-share" 
					data-share-content="那个熟悉的白胡子老头又忙起来啦!你有没有收到礼物呢?不要着急,属于你的“圣诞老人”正在赶来的路上呢!快来看看" 
					data-share-title="实现我愿望的圣诞老人正在鹿不停蹄赶来的路上！"
					data-share-pic="http://staticontent.ymatou.com/images/activity/christmas/christmas_wish_share.jpg" onclick=";">分享求点赞 <i class="icon-praise"></i></button>
				{{ } }}
			</div>
			<div class="wish-detail">
				{{ var len = LikesList?LikesList.length:0 }}
				<div class="hd">
					<h4><span>{{= len ?'已收到'+len+'个赞':'你还没有收到赞'}}</span></h4>
				</div>
				<div class="bd">
					{{ if(len){ }}
					<ul class="wish-list">
						{{ for(var i =0;i<len;i++){ }}
						<li>
							<span class="pic" style="background-image:url({{=LikesList[i].LogoUrl=='http://img.ymatou.com/portal/images/null.png'?'http://staticontent.ymatou.com/images/activity/christmas/portrait.png':LikesList[i].LogoUrl}})"></span>
							<div class="txt">
								<h3>{{=LikesList[i].UserName}}</h3>
								<small>{{=(LikesList[i].CreateDate||'').replace('T',' ').replace(/\.\d*/,'')}}</small>
							</div>
							<span>给{{-IsSelf?'你':'TA'}}点了赞</span>
						</li>
						{{ } }}
					</ul>
					{{ }else{ }}
					<div class="no-result">
						<div class="pic"></div>
						<div>还没有人赞过！555~~</div>
					</div>
					{{ } }}
				</div>

				
			</div>
		</div>
	</div>
  </script>
  <script id="dialog-tpl" type="text/template">  	    	
  	    	<!--中奖-->
  	    	{{ if(BCode == 100){ }}
  	    	    {{ if(ProductId){ }}
  	    	        <div class="content package-content-bg1">
  	    	            <h4 class="bg"></h4>
  	    	            <div class="coupon-bg" style="background-image:url({{=ProductPic}})"></div>
  	    	            <div class="txt">
  	    	               少年我看你骨骼惊奇，赏你一个换购机会吧<br>加1元，立即换购商品
  	    	            </div>
  	    	        </div>
  	    	        <div class="close-btn J-open center-btn" onclick=";" data-url="http://item.app.ymatou.com/forYmatouApp/product/pid?pid={{=ProductId}}">
  	    	        朕要1元换购
  	    	        </div>
    	    	    <div class="ymtui-commirm-bd">
        	    		恭喜抽中<strong>{{= CouponDetailInfo.CouponValue }}</strong>元现金优惠券
        	    	</div>
        	    	<button class="btn btn-primary J-close-dialog btn-full J-open" onclick=";" data-url="http://item.app.ymatou.com/forYmatouApp/product/pid?pid={{=ProductId}}" >我要1元换购</button>
  	    	    {{ }else{ }}
    	    	    <div class="ymtui-commirm-bd">
        	    		恭喜抽中<strong>{{= CouponDetailInfo.CouponValue }}</strong>元现金优惠券
        	    		<div>
        	    			<small>优惠券已发放到您的个人账户,请在“我-钱包-优惠券”里查看</small>
        	    		</div>
        	    	</div>
        	    	<button class="btn btn-primary-border J-close-dialog " onclick=";">知道了</button>
        	    	<button class="btn btn-primary J-share J-close-dialog {{=HasUseCount<2?'J-add-joinLottery':''}}" 
    						data-share-title="听说，洋星球有一棵圣诞树"
    	    		        data-share-content="圣诞树上的礼物正在被邪恶的洋星人瓜分，正义的你快去拯救这些礼物吧…" 
    						data-share-pic="http://staticontent.ymatou.com/images/activity/christmas/christmas_coupon_wish.jpg"  onclick=";">我要分享</button>
  	    	    {{ } }}
  	    	<!--没中奖-->
  	    	{{ }else if(BCode == 101){ }}
	    	    <div class="ymtui-commirm-bd">
    	    		没抽到好可惜哦，再来一次~
    	    	</div>
    	    	<button class="btn btn-primary J-close-dialog" onclick=";">知道了</button>
  	    	<!--没中奖-->
  	    	{{ }else if(BCode == 103){ }}

  	    	 <!--设备已达最大次数-->
  	    	{{ }else if(BCode == 104){ }}
  	    	    <div class="ymtui-commirm-bd">
      	    		谢谢您~
      	    	</div>
    	    	<div class="ymtui-commirm-ft">
    	    		<button class="btn btn-primary-border J-close-dialog btn-full" onclick=";" >知道了</h4>
    	    	</div>
	    	{{ }else if(BCode == 99){ }}
	    	    <div class="ymtui-commirm-bd">
    	    		恭喜你！幸运的洋星人！出现一份圣诞礼物等着你，赶紧去下载洋码头app查收吧！
    	    	</div>
	  	    	<div class="ymtui-commirm-ft">
	  	    		<button class="btn btn-primary J-close-dialog btn-full J-open" onclick=";" data-url="http://download.app.ymatou.com/index.aspx?from=inapp25">下载洋码头APP去领取</h4>
	  	    	</div>
  	    	{{ }else{ }}
  	    	    <div class="ymtui-commirm-bd">
  	    	    	{{ if(HasUseCount > 2){ }}
      	    		哈尼，您今天的抽奖次数真的用完咯
      	    		{{ }else{ }}
      	    		今天的抽奖次数已用完，分享后可再获得2次机会哦~
      	    		{{ } }}
      	    	</div>
    	    	<div class="ymtui-commirm-ft">
    	    		{{ if(HasUseCount > 2){ }}
    	    		    <button class="btn btn-primary J-close-dialog btn-full" onclick=";">请明日再来</h4>
    	    		{{ }else{ }}
    	    		   <button class="btn btn-primary-border J-close-dialog" onclick=";">知道了</button>
    	    		   <button class="btn btn-primary J-share J-add-joinLottery" 
    						data-share-title="听说，洋星球有一棵圣诞树"
    	    		        data-share-content="圣诞树上的礼物正在被邪恶的洋星人瓜分，正义的你快去拯救这些礼物吧…" 
    						data-share-pic="http://staticontent.ymatou.com/images/activity/christmas/christmas_coupon_wish.jpg"  onclick=";">我要分享</button>
    	    		{{ } }}
    	    	</div>
  	    	{{ } }}
  </script>
    <section class="tree-container">
    	<div class="snow-wrapper"> 
	    	<!--弹幕-->
	    	<div class="battlefield-wrapper">
	    		<div class="battlefield-hd">
	    			<span class="close-btn J-close-bf">关闭弹幕</span>
	    		</div>
	    		<div class="battlefield-bd" id="battlefield"></div>				
	    	</div>	
	    	<div class="tree-wrapper">
	    		<div class="tree-kind J-joinLottery"></div>
	    		
	    	</div>
    	</div>
    
    	<!--愿望-->	
    	<wish></wish>

    	<!--规则-->
    	<div class="rule-wrapper">
    		<div class="text">
    			<p>	怎样才能实现我的圣诞愿望呢？ </p>
    			<p>	集合10位以上好友的力量，就有机会让洋码头为你实现圣诞愿望哦！</p>
    			<p>	12月30日17:00 洋码头将在所有符合条件的用户中随意抽取5位用户，并实现他们许下的圣诞愿望。届时会在社区公布幸运用户的名单，我们的圣诞使者会通过电话与幸运儿联系. </p>
    			<h2>圣诞树礼品规则</h2>
    			<p>	. 12月15日至12月30日，每人每天有1次抽奖机会，分享后可再获得2次抽奖机会</p>
    			<p>	. 中奖后，优惠券直接发放到个人帐户，在“我-钱包-优惠券”里查看.</p>
    			<p>	. 抽到实物奖品后，使用1元兑换购买指定商品，后续客服会与您联系</p>
    			<p>	. 优惠券不累计，不置换现金。优惠券使用有效期至2015年12月31日;</p>
    			<p>	. 如在活动期间发现有违规行为，洋码头有权取消违规账号所得奖品</p>
    			<p>	. 本活动最终解释权归洋码头所有</p>
    		</div>
    	</div>

    </section>

    <div class="ymtui-dialog-mask J-close-dialog" onclick=";"></div>
    <div class="ymtui-dialog christmas-dialog" id="christmas-dialog"></div>
  <!-- build:js /scripts/zepto,ejs,swiper,imgLazyLoad.js -->
  <script type="text/javascript" src="/scripts/commons/zepto,ejs.js"></script>
  <script type="text/javascript" src="/scripts/commons/swiper.3.1.2.js"></script>
  <script type="text/javascript" src="/scripts/commons/fastclick.js"></script>
  <script type="text/javascript" src="/scripts/commons/imgLazyLoad.js"></script>
  <!-- endbuild -->
  <script type="text/javascript" src="http://static.matouapp.ymatou.com/js/ymtApi.2015101901.js?wxAutoInit=1"></script>
  <!-- build:js /scripts/christmas/tree.js -->
  <script src="/scripts/christmas/tree.js"></script>
  <!-- endbuild -->

  <script>
        (function (w, d, s, l, i, o) {
            w['YmatouAnalyticsobject'] = o;
            w[o] = w[o] || function () {
                (w[o].q = w[o].q || []).push(arguments)
            }

            w[l] = w[l] || [];
            w[l].push({
                'gtm.start': new Date().getTime(),
                event: 'gtm.js'
            });
            var f = d.getElementsByTagName(s)[0],
            j = d.createElement(s),
            dl = l != 'dataLayer' ? '&l=' + l : '';
            j.async = true;
            j.src = '//www.googletagmanager.com/gtm.js?id=' + i + dl;
            f.parentNode.insertBefore(j, f);
        })(window, document, 'script', 'dataLayer', 'GTM-TXC7VJ', '_dc_');
    </script>

  </body>
  </html>
